<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
		#sc2{
			width:1200px ;
			height: 630px;
			
		}
		#sc2 div{
			margin-left: 10px;
			margin-top: 10px;
			width: 200px;
			height: 190px;
			/*background-color: red;*/
			display: inline-block;
		}
		#img{
			width: 100px;
			height: 150px;
			margin-top: 20px;
			margin-left: 50px;
		}
		 *{
            padding: 0px;
            margin: 0px;
        }
        #bod{
        	 position: relative;
            background-color: #fff;
            margin: 70px auto;
            width: 1500px;
            height: 800px;
            /*background-color: pink;*/
        }
        header{
            width: 1500px;
            height: 150px;
            /*background-color: red;*/
        }
        #sc1{
            width: 250px;
            height: 650px;
        }
        footer{
            /*border: 2px solid black;*/
            /*border-radius: 5% 5% 5% 5%;*/
            margin-top: -650px;
            width: 1250px;
            height: 650px;
            margin-left: 250px;
            /*background-color: blue;*/
        }
        body{
            background-image: url(image/ht/9.jpg);
        }
        #rwl{
            width: 230px;
            height: 620px;
            margin-left: 10px;
            background-color: #cf232c;
        }
        #xl{
            font-size: 15px;
            color: #fff;
            font-family: "楷体";
            text-decoration: none;
            margin-left: 15px;  
            line-height: 45px;
        }
        #al{
            color: #fff;
            font-family: "楷体";
            text-decoration: none;
        }
        h3{
        	font-family: "楷体";
        }
        
        #al:hover{
            color: #ccc;
            font-size: 28px;
        }
        ul{
            list-style-type: none;
        }
        ul>li{
            font-size: 25px;
            line-height: 70px;
            text-align: center;
        }
        #heade{
            width: 200px;
            height: 150px;
            position: absolute;
            background-image: url(image/ht/logo1.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100px 100px;
        }
        #zt{
            width: 1250px;
            height: 650px;
        }
        #headexl{
       		margin-left: 280px;
            width: 900px;
            height: 100px;
            border:1px solid black;
            background-color: #cf232c;
        }
        #heade,#headexl{
            display: inline-block;
           
        }
        #scspan{
        	font-family: "楷体";
 			font-size: 18px;
            width: 200px;
            height: 20px;
            display: block;
        }
         h4{
        	margin-left: 20px;
        	margin-top: 125px;
        }
         #player{
        	width: 200px;
        	height: 120px;
        	
			float: right;
        }
	</style>
</head>
<body>
	<div id="bod">
        <header>
            <div id="heade">
                <h4>广典建材后台管理系统</h4>
            </div>
            <div id="headexl">
                <a id="xl" href="XlServlet?xilie=blackone">白底黑石子系列</a>
                <a id="xl" href="XlServlet?xilie=white">白色系列</a>
                <a id="xl" href="XlServlet?xilie=grey">爆款灰色系列</a>
                <a id="xl" href="XlServlet?xilie=seashell">贝壳系列</a>            	
                <a id="xl" href="XlServlet?xilie=glass">玻璃石系列</a>
                <a id="xl" href="XlServlet?xilie=Dandong">丹东绿系列</a>
                <a id="xl" href="XlServlet?xilie=pink">粉色系</a>
                <a id="xl" href="XlServlet?xilie=blacktwo">黑色系列</a>
                <a id="xl" href="XlServlet?xilie=red">红色系</a>
                <a id="xl" href="XlServlet?xilie=color">灰色彩石系列</a>
                <a id="xl" href="XlServlet?xilie=greeblack">灰色黑石子系列</a>
                <a id="xl" href="XlServlet?xilie=sand">灰色细砂系列</a>
                <a id="xl" href="XlServlet?xilie=blue">蓝色系</a>
                <a id="xl" href="XlServlet?xilie=green">绿色系</a>
                <a id="xl" href="XlServlet?xilie=yellow">浅黄色系</a>
                <a id="xl" href="XlServlet?xilie=lightgray">浅灰石子系列</a>
                <a id="xl" href="XlServlet?xilie=extravagant">奢石系列</a>
                <a id="xl" href="XlServlet?xilie=multicolored">五彩石系列</a>
                <a id="xl" href="XlServlet?xilie=mediumgray">中灰系列</a>
            </div>
            <div id="player">
				<h5>管理员为：zhou</h5>
				
				<h5><a id="bak" href="FirstWeb.jsp">退出</a></h5>           
            </div>
        </header>
        <section id="sc1">
            <div id="rwl">
                <ul>
                   	<li><a id="al" href="InsertServlet?num=2">添加</a></li>
                    <li><a id="al" href="InsertServlet?num=3">删除材料</a></li>
                    <li><a id="al" href="InsertServlet?num=4">查看留言</a></li>
                    <li><a id="al" href="InsertServlet?num=7&nums=0">工程案例</a></li>
                    <li><a id="al" href="InsertServlet?num=8&numss=0">新闻咨询</a></li>
                </ul>
            </div>
        </section>
        <footer>
            <section id="sc2">
				
		
					
				<c:forEach items="${requestScope.leaveList}" var="leaveList">
					<div>
						<span id="scspan">用户： ${leaveList.name}</span>
						<span id="scspan">电话：${leaveList.phone}</span>
						<span id="scspan">留言：${leaveList.word}</span>
					</div>
					
				</c:forEach>
				
			</section>
        </footer>
    </div>
</body>
</html>